<style type="text/css">
#banner{
display: none;
}
#upfooter{
display: none;
}
#footer{
display: none;
}
.nvgtn{
display:none;
}
.interactive-mode{
display:none;
}


body{  background-color:#fff; } 

.container {
	padding: 5px;
	overflow: hidden;
	width: 780px;
	margin: 0 auto;
}

#main {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	}

.title{
 	width: 800px;
}

.title_pt {
display:block;
font-size:0.9em;
font-weight:bolder;
list-style-type:none;
text-transform:uppercase;
font: Arial;
background: 	#D8D8D8 ;
margin-bottom: 5px;
padding-left: 5px;
}

#title_ptu{
display: block;
float: left;
max-width: 600px;
}

#title_ptu > strong{
width:700px;
}

#title_ptu > span{
padding-top: 5px;
padding-bottom:5px; 
}

#title_pt > span {
padding-top: 5px;
padding-bottom:5px; 
color: #fff;
}

.all_info_ptu{
	width: 780px;
	display: block;
}
	
.position_ul{
position: relative;
margin: 0px;
}
	
.information_pt{
list-style-type: none;
}

.information_pt > span {
display:block;
font-size:1.3em;
margin-left:10px;
margin-top:-4px;
}

.information_pt > span{
color: #000;
font-size: 1.2em;
}

#name_ptu{
float: left;
clear: left;
}

#name_ptu > span{
max-width: 250px;
padding-top: 5px;
padding-bottom:5px; 
}

#name_ptu > strong{
width: 300px;
}

#date_ptu{
position: absolute;
right: 0px;
top: 0px;
}

#supervisor_ptu{
color: #000;
float: left;
}
#supervisor_ptu > span{
max-width: 200px;
padding-top: 5px;
padding-bottom:5px; 
}

#supervisor_ptu > strong{
width: 347px;
}

#link_ptu{
float: right;

}

#abstract_ptu{
float: left;
}

#abstract_info{
overflow-y: auto;
max-height: 150px;
}

</style>
<br/>

<div id="main" class="container">
<div class="all_info_ptu">

#set ($TT_value = "")       <!--title thesis :P-->         
#set ($SF_value = "")		<!--surname firstname :P-->    
#set ($DT_value = "")		<!--date :P-->    
#set ($SV_value = "")		<!--supervisor :P-->    
#set ($AS_value = "")		<!--abstract :P-->    

#if("$locale" == "el_GR")
	#set ($TT_value = " :") 
	#set ($SF_value = ":") 
	#set ($DT_value = " :") 
	#set ($SV_value = ":") 
	#set ($AS_value = ":")
#else
    #set ($TT_value = "Thesis Title:")
	#set ($SF_value = "First/Last Name:") 
	#set ($DT_value = "Presentation Date:") 
	#set ($SV_value = "Supervisor:") 
	#set ($AS_value = "Abstract:")
#end


	<ul class="position_ul">
				<li  id="title_ptu" class="information_pt">
						#set ($main_title = $main_title.get('main_title')) 
						#if ( "$main_title" != "" )
	    				<strong class="title_pt">$TT_value</strong>
						<span>$main_title.getData()</span>
						#end
				</li>
				<li id="name_ptu" class="information_pt">
						#set ($st_name = $main_title.get('st_name'))
						#if("$st_name" != "")
						<strong class="title_pt">$SF_value</strong>
						<span>$st_name.getData()</span>
						#end
				</li>
				<li id="date_ptu" class="information_pt">
						#set ($date = $main_title.get('date'))
						#if("$date" != "")
						<strong class="title_pt">$DT_value</strong>
						<span>$date.getData()</span>
						#end
				</li>
				<li id="supervisor_ptu" class="information_pt">
						#set ($sup = $main_title.get('supervisor'))
						#if("$sup" != "")
						<strong class="title_pt">$SV_value</strong>
						<span style="margin-bottom=0px">$sup.getData()</span>
						#end
				</li>
				<li id="link_ptu" class="information_pt">
						#set ($link = $main_title.get('link_ethesis'))
						#if("$link" != "")
						<strong class="title_pt">Library TEI of Crete:</strong>
						<a href="$link.getData()" 

onclick="window.open(this.href);return false;" style="margin-left: 22px;" >ETHESIS Full Copy</a>
						#end
				</li>
				
				<li  id="abstract_ptu" class="information_pt">
						#set ($abstract = $main_title.get('abstract')) 
						#if ( "$abstract" != "" )
	    				<strong class="title_pt">$AS_value </strong>
						<div id="abstract_info">$abstract.getData()</div>
						#end
				</li>
				</ul>
		
			

</div>
</div>

	<div id="galleria">
	#foreach ($each_image in $central_image.getSiblings())
	#if ( "$each_image.getData()" != "" )
        <img src="$each_image.getData()"/>

		#set ($caption = $each_image.get('info'))
        #if( "$caption.getData()" != "" )
              <p> $caption.getData()</p>
        #end				
    #end
#end		
	

        </div>



<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>-->
<script src="/html/galleria/jquery-1.4.2.js"></script>
<script src="/html/galleria/jquery.cookie.js"></script>
<script src="/html/galleria/jquery.editable-1.3.3.min_.js"></script>
<script src="/html/galleria/jquery.livequery.js"></script>
<script src="/html/galleria/jquery.hoverIntent.js"></script>
<script src="/html/galleria/jquery-ui-1.8.5.custom.min.js"></script>
<script src="/html/galleria/jquery.liveSearch.js"></script>
<script src="/html/galleria/jquery.gridviewex.js"></script>
<script src="/html/galleria/galleria.js"></script>


      <style>
            #galleria{border: 1px solid rgb(204, 204, 204); width:800px;margin:20px auto; background: 

#f0f0f0;}
        </style>
 

	
	
    <script>
    Galleria.loadTheme('/html/galleria/themes/classic/galleria.classic.js');
    jQuery('#galleria').galleria({
        image_crop: true,
        transition: 'fade',
        data_config: function(img) {
            return {
                description: jQuery(img).next('p').html()
            };
        }
    });
    </script>